<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>Cadastro de Composicao</title>
</h:head>
<h:body>
	<h:form>
		<h:panelGrid columns="2">

			<h:outputLabel value="Nome da Composicao :" for="input-composicao-nome" />
			<h:inputText id="input-composicao-nome" value="#{composicaoBean.composicao.nome}" />


			<h:outputLabel value="Intervalo da Composicao :" />
			<br/>
			<h:outputLabel value="Inicio :" for="input-range-inicio" />
			<h:inputText id="input-range-inicio" value="#{composicaoBean.range.inicio}" />
			<h:outputLabel value="Fim :" for="input-range-fim" />
			<h:inputText id="input-range-fim" value="#{composicaoBean.range.fim}" />
			
			<h:outputLabel value="Classificacoes: "/>

			<h:selectManyCheckbox >
				
				<f:selectItems var="classificacao" itemLabel="#{classificacao.nome}" value="#{composicaoBean.classificacoes}"   >
				</f:selectItems>
			
			</h:selectManyCheckbox>
			
			<!-- <h:outputLabel id="classificacao1" value="#{composicaoBean.classificacoes[0].nome}" style="display:none"></h:outputLabel>
			 -->
			<!-- <h:outputLabel value="ClassificacaoTreste: " rendered="#{composicaoBean.classificacoes != null}"/> -->
			
			


			<h:commandButton action="#{composicaoBean.incluirComposicao}" value="Incluir" />
		</h:panelGrid>
	</h:form>
</h:body>
</html>